.supply-edit-item{
        display: flex;
        flex-direction: column;
        margin: 15px;
        padding: 15px;
        background: #ffffff;
        border-radius: 6px;
        .content{
                height: 90px;
                display: flex;
                border-bottom: 1px solid #dddddd;
                padding-bottom: 16px;
                .picture{
                        flex: 0 0 90px;
                        height: 90px;
                        background: #7e8c8d;
                        border-radius: 3px;
                        overflow: hidden;
                        margin-right: 16px;
                }
                .desc{
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        overflow: hidden;
                        .text{
                                flex: 1;
                                overflow: hidden;
                                .text-content{
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 2;
                                        -webkit-box-orient: vertical;
                                        height: 36px;
                                        line-height: 18px;
                                        font-size: 14px;
                                        color: #2D2D2D;
                                        font-weight: 500;
                                }
                        }
                        .status{
                                text-align: right;
                                flex: 0 0 22px;
                                text-align: right;
                                font-size: 12px;
                                line-height: 22px;
                                color: #999999;
                                &.success{
                                        color:#61A446 ;
                                }
                               & .warning{
                                        color:#F58523 ;
                                }
                        }
                }
        }
        .handle{
                text-align: right;
                .btn{
                        float: right;
                        width: 60px;
                        height: 25px;
                        font-size: 12px;
                        text-align: center;
                        border: 1px solid #979797;
                        color: #979797;
                        line-height: 25px;
                        border-radius: 3px;
                        margin: 16px 0 0 0;
                        &.yellow{
                                color: #F58523;
                                border: 1px solid #F58523;
                                margin-right: 14px;
                        }
                }
        }
}
